<!DOCTYPE html>
<html>

<body>
    <template id="ac" th:fragment="ac">
        <div class="ui segment grid stackable">
            <div class="ui five wide column">
                <a :href="`/article/${article.bid}`">
                    <img :src="`${root}res/image/${article.img}`" class="ui rounded image" alt="预览图"
                        style="height: 9em;">
                </a>
            </div>
            <div class="ui eleven wide column">
                <h3 class="ui header">{{article.title}}</h3>
                <p>{{article.summary}}</p>
                <div class="ui grid">
                    <div class="eleven wide column">
                        <div class="ui horizontal link list">
                            <div class="item">
                                <img :src="`${root}res/image/${article.author.avatar}`" alt="" class="ui avatar image">
                                <div class="content"><a href="#" class="header">{{article.author.username}}</a></div>
                            </div>
                            <div class="item">
                                <i class="calendar icon"></i>{{article.date}}
                            </div>
                            <div class="item">
                                <i class="eye icon"></i>{{article.views}}
                            </div>
                        </div>
                    </div>
                    <div class="five wide column">
                        <a :href="`/article/${article.bid}`" class="ui label teal">阅读原文</a>
                    </div>
                </div>
            </div>
        </div>
    </template>

    <template th:fragment="head-card(name,unit)" id="head-card">
        <div class="ui two column grid">
            <div class="column">
                <h3 class="ui teal header">[[${name}]]</h3>
            </div>
            <div class="right aligned column">
                共 <span class="ui orange header">{{num}}</span>[[${unit}]]
            </div>
        </div>
    </template>


</body>

</html>